<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>


<br/>
<h1>生成二维码</h1>
<input type="text" id="mytxt"><input type="button" id="sub_btn" value="生成二维码">
<div id="code">

</div>
</body>
<script src="js/jquery-1.11.1.js"></script>
<script src="js/jquery.qrcode.js"></script>
<script>

    $(function(){
        //var str = "http://www.jb51.net";
        //$('#code').qrcode(str);

        $("#sub_btn").click(function(){
            $("#code").empty();
            var str = toUtf8($("#mytxt").val());

            $("#code").qrcode({
                render: "table",
                width: 200,
                height:200,
                text: str
            });
        });
    })
    function toUtf8(str) {
        var out, i, len, c;
        out = "";
        len = str.length;
        for(i = 0; i < len; i++) {
            c = str.charCodeAt(i);
            if ((c >= 0x0001) && (c <= 0x007F)) {
                out += str.charAt(i);
            } else if (c > 0x07FF) {
                out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
                out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));
                out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
            } else {
                out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));
                out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
            }
        }
        return out;
    }


</script>
</html>